<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <header>
        <div class="head-text">
            <p>户外跑</p>
            <p>运动中</p>
        </div>
        <div class="text-pic">
            <span class="iconfont icon-yinle1"></span>
            <span class="iconfont icon-xitongcanshu-05"></span>
        </div>
    </header>
    <main>
        <p class="kilometre"><span class="kilometre1">00.00</span> 公里</p>
        <div class="position">
            <p>GPS信号度低, 数据精准度低</p>
            <span class="line"></span>
           <a href="./mode.html"> <span class="iconfont icon-dingwei"></span></a>
        </div>
        <div class="syn">
            <p>
                <span class="iconfont icon-shijiyongshi"></span>
                <span class="allocation">配速</span>
            </p>
            <p>
                <span class="iconfont icon-sudu"></span>
                <span class="timehms">用时</span>
            </p>
            <p>
                <span class="iconfont icon-qialuli"></span>
                <span class="calorie">千卡</span>
            </p>
        </div>
        <div class="syn1">
            <p class="one">--</p>
            <p class="two">
                00:00:00
            </p>
            <p class="three">
                0
            </p>
        </div>
        <div class="footer">
            <div class="footer-1">
                <div class="stop">
                    <span class="iconfont icon-24gf-pause2"></span>
                    <span class="text">暂停</span>
                </div>
                <div class="right">
                    <span class="iconfont icon-suoding"></span>
                </div>
            </div>
            <div class="footer-2">
                <div class="continue">
                    <span class="iconfont icon-bofang"></span>
                    <span class="text">继续</span>
                </div>
                <div class="over">
                    <span class="iconfont icon-jieshu"></span>
                    <span class="text">结束</span>
                </div>
            </div>
        </div>
    </main>
</body>

</html>